<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>codefun</title>
    <link rel="stylesheet" href="../../index.css" />
    <link rel="stylesheet" href="./jiesuanjiemian.css" />
    <script type="text/javascript" src="./jiesuanjiemian.js"></script>
  </head>
  <body>
    <div class="flex-col page">
      <div class="flex-row justify-between section">
        <span class="font text">9:41</span>
        <div class="flex-row">
          <img
            class="image"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=c704b0d5e0f6921764c6019cd289765f.png"
          />
          <img
            class="ml-8 image_2"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=895c308a5503ffd554292c459f950936.png"
          />
          <img
            class="ml-8 image_3"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=db5b6988876749de6ada5b71ac43c0e1.png"
          />
        </div>
      </div>
      <div class="flex-row justify-center items-center relative section_2">
        <img
          class="image_4 pos"
          src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=cba6f47ef4998b7d8ed05368b66ee77c.png"
        />
        <span class="font text_2">确认订单</span>
      </div>
      <div class="flex-col section_3">
        <div class="flex-row justify-between self-stretch">
          <span class="font_2 text_3">钱江亚朵餐厅店1号机</span>
          <div class="flex-row self-center group">
            <span class="font_3 text_4">导航</span>
            <img
              class="shrink-0 image_5"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=5fc0eb2a20d241a96401c552f4809594.png"
            />
          </div>
        </div>
        <span class="mt-10 self-start font_4 text_5">杭州市拱墅区223号展览馆A口</span>
        <div class="mt-10 flex-row items-center self-stretch">
          <img
            class="image_6"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=4e2770cd1cdbdf88e1d9a40a1e00a6bc.png"
          />
          <span class="font_5 text_6 ml-3">距离您368m</span>
        </div>
      </div>
      <div class="flex-col section_4">
        <div class="flex-col group_2">
          <div class="flex-row justify-between items-center group_3">
            <div class="flex-row items-baseline">
              <span class="font_6 text_7">订单编号</span>
              <span class="font_7 ml-3">3746828329834</span>
            </div>
            <span class="font_7">2023-1-7 9:24:09</span>
          </div>
          <div class="flex-col group_4">
            <div class="flex-row justify-between items-center">
              <div class="flex-row items-center">
                <div class="flex-col justify-start relative section_5">
                  <div class="shrink-0 section_6"></div>
                  <img
                    class="shrink-0 image_7 pos_2"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=1c64b29f1f12c4604ebb5003a67ae577.png"
                  />
                </div>
                <div class="flex-col items-start ml-11">
                  <span class="font_3">小卤乱撞素醍醐饭</span>
                  <span class="mt-18 font_4 text_11">没有浓重调味料的家常卤味</span>
                </div>
              </div>
              <div class="flex-col">
                <div class="flex-row items-baseline self-stretch">
                  <span class="font_8 text_8">¥</span>
                  <span class="ml-2 font_9 text_9">32.0</span>
                </div>
                <span class="mt-8 self-end font_10 text_10">¥35</span>
              </div>
            </div>
            <div class="mt-10 flex-row justify-between items-center">
              <div class="flex-row items-center">
                <div class="flex-col justify-start relative section_7">
                  <div class="shrink-0 section_8"></div>
                  <img
                    class="shrink-0 image_7 pos_3"
                    src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=914de09348920102b1271761c9970442.png"
                  />
                </div>
                <div class="flex-col items-start ml-11">
                  <span class="font_3">小卤乱撞素醍醐饭</span>
                  <span class="mt-18 font_4 text_14">没有浓重调味料的家常卤味</span>
                </div>
              </div>
              <div class="flex-col">
                <div class="flex-row items-baseline self-stretch">
                  <span class="font_8 text_12">¥</span>
                  <span class="ml-2 font_9 text_13">32.0</span>
                </div>
                <span class="mt-8 self-end font_10 text_10">¥35</span>
              </div>
            </div>
          </div>
        </div>
        <div class="flex-col group_5">
          <div class="flex-row justify-between items-center group_6">
            <span class="font_6 text_15">原价</span>
            <span class="font_11 text_16">¥35.0</span>
          </div>
          <div class="flex-row justify-between items-center group_6">
            <span class="font_6">商品优惠</span>
            <span class="font_11">-¥35.0</span>
          </div>
          <div class="flex-row justify-between items-center group_6">
            <span class="font_6 text_17">全场食品抵用券</span>
            <span class="font_11 text_18">-¥7</span>
          </div>
          <div class="flex-row justify-between group_7">
            <span class="self-start font_6 text_19">共1件商品</span>
            <div class="flex-row items-baseline self-center group_8">
              <span class="font_8 text_21">¥</span>
              <span class="text_20 ml-3">37</span>
            </div>
          </div>
          <div class="flex-row justify-end items-center group_9">
            <img
              class="image_8"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=8f896dd9d13d9f2b7172e6b65797b40f.png"
            />
            <span class="font_6 text_22">预计可获得32积分</span>
          </div>
        </div>
      </div>
      <div class="flex-col section_9">
        <span class="self-start font_3 text_23">支付方式</span>
        <div class="mt-14 flex-row justify-between self-stretch">
          <div class="flex-row items-center">
            <img
              class="shrink-0 image_9"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=bbbd45adfc6b5fa6c41c8b1c896aabbd.png"
            />
            <span class="font_5 ml-9">微信支付</span>
          </div>
          <img
            class="image_9"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=7c0aee9bfe36332e898fb224c7116f5b.png"
          />
        </div>
        <div class="mt-14 flex-row justify-between self-stretch">
          <div class="flex-row items-center">
            <img
              class="shrink-0 image_9"
              src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=5a85aa7d7784103b807cb408555a1dee.png"
            />
            <span class="font_5 text_24 ml-9">余额支付</span>
          </div>
          <img
            class="image_9"
            src="https://ide.code.fun/api/image?token=66d1790c47b10e0011289a85&name=541c0852d3475f40bf89f4de644ecf9d.png"
          />
        </div>
      </div>
      <div class="flex-row justify-end section_10">
        <span class="self-start text_26">¥</span>
        <span class="self-start font_2 text_25">32.0</span>
        <span class="self-start text_10 text_27">¥35</span>
        <div class="flex-col justify-start items-center self-center text-wrapper">
          <span class="font text_28">提交订单</span>
        </div>
      </div>
    </div>
  </body>
</html>